<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>项目设计</title>
	<link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="../themes/icon.css">
	<script type="text/javascript" src="../js/jquery-1.4.4.min.js"></script>
	<script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
	<script type="text/javascript">
	function mes(a,b,c){
		$.messager.alert(a,"<div style=\"margin-top:10px;width:200px; text-align:center;color:red\">"+b+"<div>",c);
		};
		$(function(){
			$('#tt').tree({
				onClick:function(node){
					$('#tt').tree('beginEdit', node.target);
				}
			});
				$(".easyui-tree li a").click(function(){
					var name=$(this).attr("id")+":"+$(this).text();
					$("h3").text(name);
			});
		});
	$(function(){
	
  $("#ok").click(function(){ 
      var i=1;
   $(".easyui-validatebox").each(function(){
        if($(this).val()==""){mes('系统提示', '请把信息填写完整!', 'warning');i=0;return false;} 
		
   });
    if(i==1){mes('系统提示', '提交成功!', 'info')};
  });
 

});
	</script>
	<style>
* {
	margin:0
}
.easyui-tree a {
	text-decoration:none;
	color:#FF9933
}
input {
	width:200px;
	margin:5px;
}
font{ color:red}
</style>
	</head>
	<body>
    <div style="width:700px; height:500px; float:left; border:1px solid #99BBE8; font-size:14px;margin:8px; color:#4180D1; font-family: Tahoma,Verdana,微软雅黑,新宋体;">
      <div style="background-image:url(../themes/default/images/datagrid_title_bg.png); width:700px; height:25px; border-bottom:1px solid #99BBE8;"></div>
      <div style="width:500px; float:left;"> <br>
        <h1 align="center" style="color:#15428B;">网页明细</h1>
        <div align="center" style="margin:20px;">
          <div id="title" style="text-align:center; color:#F93">
            <h3>修改选项</h3>
          </div>
          <form name="frm">
            <table width="300" border="0"  align="center" >
              <tr>
                <td width="60">网名称：</td>
                <td><input class="easyui-validatebox" required="true"><font>*</font></td>
              </tr>
              <tr>
                <td>网页作用</td>
                <td><input class="easyui-validatebox" required="true"><font>*</font></td>
              </tr>
              <tr>
                <td>网页路径</td>
                <td><input class="easyui-validatebox" required="true"><font>*</font></td>
              </tr>
              <tr>
                <td>操作内容</td>
                <td><input></td>
              </tr>
              <tr>
                <td>其他描述</td>
                <td><textarea   style="width:200px; height:120px; margin:5px;">
</textarea></td>
              </tr>
              
                <td></td>
                <td align="center"><a id="ok" class="easyui-linkbutton" iconCls="icon-ok">确认</a><a class="easyui-linkbutton" iconCls="icon-reload"onclick="javascript:document.frm.reset()">重置</a></td>
              <tr> </tr>
            </table>
          </form>
        </div>
      </div>
      <div style="width:150px; margin:0; float:right;border-left:1px solid #99BBE8;height:475px;">
        <ul id="tt1" class="easyui-tree" animate="true" dnd="true">
          <li> <span>项目</span>
            <ul>
              <li state="closed"> <span>用户管理</span>
                <ul>
                  <li> <span><a id="user" href="javascript:void(0)">增加</a></span> </li>
                  <li> <span><a id="user" href="javascript:void(0)">查询</a></span> </li>
                  <li> <span><a id="user"  href="javascript:void(0)">删除</a></span> </li>
                  <li> <span><a id="user"  href="javascript:void(0)">修改</a></span> </li>
                </ul>
              </li>
              <li state="closed"> <span>xx管理</span>
                <ul>
                  <li> <span><a id="xx"  href="javascript:void(0)">增加</a></span> </li>
                  <li> <span><a id="xx"  href="javascript:void(0)">查询</a></span> </li>
                  <li> <span><a id="xx"  href="javascript:void(0)">删除</a></span> </li>
                  <li> <span><a id="xx"  href="javascript:void(0)">修改</a></span> </li>
                </ul>
              </li>
              <li> <span>File 3</span> </li>
              <li>File 4</li>
              <li>File 5</li>
            </ul>
          </li>
          <li> <span>File21</span> </li>
        </ul>
      </div>
    </div>
</body>
</html>